<!--公共头部3 返回到首页-->
<template>
    <div class="headerNav">
      <a class="arr_left" @click="return_one()"></a>
      <span>{{headerName}}</span>
      <slot></slot>
      <!-- <a href=""></a> -->
    </div>
</template>

<script>
  import store from '@/store/index'
  export default {
    data () {
      return {
        headerName: null
      }
    },
    created(){
      this.headerName = this.$route.meta.title;
    },
    store,
    methods: {
      return_one(){
        this.$router.push({name:'Home'});
      },
    }
  }
</script>
<style scoped>
.headerNav{
  height: 52px;
  background: #f1f1f3;
  border-bottom: 1px solid #ececec;
}
  .arr_left{
    background: url(../../../../static/img/arr_left.png) no-repeat 18px center;
    background-size:7.2px 14.4px;
  }
  .headerNav a{
    display: inline-block;
    width: 73.5px;
    height: 52px;
    float: left;
  }
  .headerNav span{
    display: inline-block;
    width: 173px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    font-size: 18px;
    color:#000;
    float: left;
  }
</style>
